/*公共样式*/
/* 清除内外边距 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
/* structural elements 结构元素 */
dl,
dt,
dd,
ul,
ol,
li,
/* list elements 列表元素 */
pre,
/* text formatting elements 文本格式元素 */
fieldset,
lengend,
button,
input,
textarea,
/* form elements 表单元素 */
th,
td {
  /* table elements 表格元素 */
  margin: 0;
  padding: 0;
}

/* 设置默认字体 */
body,
button,
input,
select,
textarea {
  /* for ie */
  /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
  font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
  font-family: "微软雅黑";
  /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}

/* 设置标题字体大小 */
h1 {
  font-size: 42px;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 22px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

address,
cite,
dfn,
em,
var {
  font-style: normal;
}

/* 将斜体扶正 */
code,
kbd,
pre,
samp,
tt {
  font-family: "Courier New", Courier, monospace;
}

/* 统一等宽字体 */
small {
  font-size: 12px;
}

/* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul,
ol {
  list-style: none;
}

/* 重置文本格式元素 */
a {
  text-decoration: none;
}

/* a标签默认hover */
a:hover {
  opacity: 0.8;
}

abbr[title],
acronym[title] {
  /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
  border-bottom: 1px dotted;
  cursor: help;
}

q:before,
q:after {
  content: "";
}

/* 重置表单元素 */
legend {
  color: #000;
}

/* for ie6 */
fieldset,
img {
  border: none;
}

/* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 重置 hr */
hr {
  border: none;
  height: 1px;
}
/* end公共样式 */

/* 自定义通用样式 */
* {
  line-height: 1;
  background-repeat: no-repeat;
  font-family: "Microsoft YaHei";
}

.bsbb {
  box-sizing: border-box;
}

.c {
  text-decoration: underline;
}

.cp {
  cursor: pointer;
}

/* html,
body {
  width: 100%;
} */

a {
  color: #000;
}

.bgcfff {
  background-color: #fff;
}

.cr {
  color: #fff;
}

/* .box {
  height: 100%;
} */

.container {
  position: relative;
  padding: 0 !important;
}

img {
  width: 100%;
  vertical-align: top;
}
/* end自定义样式 */

/* swb框架样式 */

/* 改变元素类型 */
.dpib {
  /* 元素变为行内块 */
  display: inline-block !important;
}

.dpn {
  /* 元素隐藏 */
  display: none !important;
}

.dpb {
  /* 元素变为块元素 */
  display: block !important;
}
/* end改变元素类型 */

/* 超出省略 */
.ccsl {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cc2sl {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cc3sl {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cc4sl {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* end超出省略 */

/* 目标元素浮动 */
.ftl {
  /* 左浮动 */
  float: left !important;
}

.ftr {
  /* 右浮动 */
  float: right !important;
}

.ftn {
  /* 不设置浮动 */
  float: none !important;
}

/* 伪元素清除浮动 */
.cf:after {
  content: "";
  display: block;
  clear: both;
}

/* 子元素左浮动时清除浮动 */
.fdl:after {
  content: "";
  display: block;
  clear: both;
}

/* 子元素右浮动时清除浮动 */
.fdr:after {
  content: "";
  display: block;
  clear: both;
}

/* 目标元素的子元素左浮动  */
.fdl > li,
.fdl > div,
.fdl > p,
.fdl > h5,
.fdl > h6 {
  float: left;
}

/* 目标元素的子元素右浮动  */
.fdr > li,
.fdr > div,
.fdr > p,
.fdr > h5,
.fdr > h6 {
  float: right;
}
/* end浮动 */

/* 字体样式 */
/* 左对齐 */
.tal {
  text-align: left;
}

/* 右对齐 */
.tar {
  text-align: right;
}

/* 居中 */
.tac {
  text-align: center !important;
}

/* 加粗 */
.fw7 {
  font-weight: 700;
}

/* 不加粗 */
.fw4 {
  font-weight: 400;
}

/* 首行缩进 */
.ti {
  text-indent: 2em;
}

.tdu {
  text-decoration: underline;
}
/* end字体样式 */

/* 边距 */
.mat {
  margin: 0 auto;
}
/* 清除外边距 */
.cm {
  margin: 0 !important;
}

/* 清除内边距 */
.cp {
  margin: 0 !important;
}

/* 清除边框 */
.cb {
  border: none;
}
/* end边距 */

/* 定位 */
.pr {
  position: relative;
}

.pa {
  position: absolute;
}

.ps {
  position: static;
}

.pf {
  position: fixed;
}

/* 利用定位使块元素居中 */
.bc {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* end块元素居中 */

/* 弹性布局 */
.flex {
  display: flex;
}
.flex li,
.flex div {
  flex: 1;
}
/* end弹性布局 */

/* end swb框架样式 */



.main_wrap{width:1200px;margin:0 auto;}
.l_wrap{width:200px;}
.r_wrap{width:980px;}

/* 清除浮动 */
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both;}
.clearfix{zoom:1}
